<template>
  <Transition
    name="custom-classes"
    :enter-active-class="props.enterClass"
    :leave-active-class="props.leaveClass"
  >
    <slot></slot>
  </Transition>
</template>

<script setup lang="ts">
import {} from "vue";
interface Tprops {
  enterClass?: string;
  leaveClass?: string;
}

let props = withDefaults(defineProps<Tprops>(), {
  enterClass: "animate__animated animate__backInLeft",
  leaveClass: "animate__animated animate__backOutRight",
});
</script>

<style scoped lang="scss"></style>
